.booking-main{
  position: relative;
  padding: 24px;
  box-sizing: border-box;
  min-height: 100vh;
  background-color: #f5f5f5;
  padding-bottom: 120px;
  .confirm-btn{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 24px;
    box-sizing: border-box;
    z-index: 2;
    background-color: #fff;
  }
  .calendar{
    background-color: #fff;
    border-radius: 12px;
    padding: 24px 0;
  }
  .booking-main-view{
    margin-top: 24px;
  }
  .booking-line{
    border-radius: 12px;
    background-color: #fff;
    margin-bottom: 1px;
    .status-list{
      padding: 32px 24px 24px;
      display: flex;
      .li{
        margin-right: 24px;
        font-size: 22px;
        display: flex;
        align-items: center;
        &::before {
          content: '';
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          margin-right: 8px;
        }
        &.ym{
          color: #e0251a;
          &::before {
            background-color: #e0251a;
          }
        }
        &.fm{
          color: #e6a23c;
           &::before {
             background-color: #e6a23c;
           }
        }
        &.kx{
          color: #67c23a;
           &::before {
             background-color: #67c23a;
           }
        }
      }
    }
  }
  .picker-time{
    background-color: #fff;
    border-radius: 12px;
    .title{
      padding: 20px 24px;
      font-size: 30px;
      color: #000;
      .tips-time{
        font-size: 28px;
        color: #666;
        padding-left: 12px;
      }
    }
  }
}
.picker-view{
  height: 325px;
  width: 100%;
  .lf{
    text-align: right;
    .picker-time-block{
      padding-right: 28px;
    }
  }
  .rg{
    .picker-time-block {
      padding-left: 28px;
    }
  }
  .picker-time-block{
    font-size: 34px;
    font-weight: 500;
    color: #333;
    line-height: 65px;
  }
}
.indicator-class{
  height: 65px;
}
.cvs{
  padding-bottom: 32px;
}
.canvas-draw{
  width: 652px;
  padding: 0 25px;
  margin: 0 auto;
}
.time-line{
  width: 682px;
  margin: 0 auto;
  padding-top: 8px;
  padding-bottom: 32px;
  .img{
    width: 100%;
    height: 100%;
    display: block;
  }
}